<html>

<head>
</head>

<body>
	<img src="sai1.png" width=100 height=100 />
	<img src="sai1.png" width=100 height=100 />
	<img src="sai1.png" width=100 height=100 />
</body>
<script>
	// 生成1-6的随机数  
	// Math.floor(Math.random()*6+1);
	// 然后拼接图片的路径  sai+随机数+'.png'
	// var num =  Math.floor(Math.random()*6+1);
	// 'sai'+num+'.png'
	// 替换src
	//  找到 元素  
	//  给元素的属性赋值  

	// 定时器
	// 	每个多少秒 进行 切换src  返回 第几个定时器 
	// 取消定时器
	// 把定时器当做参数 给到 clearTimeout
	// clearInterval


	// 注意 连续点击 启动多个定时器  
	// 停止的时候根本停不下来 
	// 这个是思考题 

	// 点完一次以后  移除开始按钮的点击 
	// 点完结束以后  在给开始按钮添加点击 
	// 点完结束以后  移除结束按钮的点击
	// 点完开始以后  给结束按钮添加点击 
	function zhuan() {  //自定义函数
		var num1 = Math.floor(Math.random() * 6 + 1);
		var num2 = Math.floor(Math.random() * 6 + 1);
		var num3 = Math.floor(Math.random() * 6 + 1);

		var imgs = document.getElementsByTagName('img')


		imgs[0].src = 'sai' + num1 + '.png';
		imgs[1].src = 'sai' + num2 + '.png';
		imgs[2].src = 'sai' + num3 + '.png';
	}



	var num;

	function run(){
		num = setInterval(zhuan, 50);
		// 给开始按钮移出点击属性  防止连续点击
		document.getElementsByTagName('button')[0].removeAttribute('onclick');
		document.getElementsByTagName('button')[1].setAttribute("onclick","stop()");
	}

	function stop(){
		clearInterval(num);
		// 给结束按钮移出点击属性  防止连续点击
		document.getElementsByTagName('button')[1].removeAttribute('onclick');
		document.getElementsByTagName('button')[0].setAttribute("onclick","run()");
	
	}
</script>
<button  onclick="run()">开始</button>
<button onclick="stop()">结束</button>

</html>